<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>中国铁路12306</title>
		<link rel="stylesheet" href="css/top1.css" />
	</head>

	<body>
		<div id="top">
			<!--顶部-->
			<div class="top1">
				<!--logo-->
				<a href="https://www.12306.cn/index/index.html">
					<img src="img/image/logo@2x.png" width="100%" height="100%">
				</a>

			</div>
			<div class="top2">

				<!--右侧大盒子-->
				<div class="top2-1">
					<!--搜索框-->
					<input type="text" id="search-input" value="" placeholder="搜索车票/餐饮/常旅客/相关规章" />

					<div class="iconfont icon">
						<a href="https://www.12306.cn/index/view/infos/sale_time.html?station_name=%E8%B4%B5%E9%98%B3&station_code=GIW">
							&#xe60b;</a>
					</div>
				</div>
				<div class="top2-2">

					<div class="top2-2-1">
						<ul>
							<li class="ts">
								<a href="#">English</a>&nbsp;&nbsp;|
								<div class="ts1">
									<div class="ts1-1">
										<ul>

											<li class="bj9">
												<a href="#">简体中文</a>
											</li>
											<li class="bj10">
												<a href="#">English</a>
											</li>
										</ul>

									</div>
								</div>

							</li>

							<li class="ts2">
								<a href="#">我的12306</a>&nbsp;&nbsp;|
								<div class="ts2-1">
									<div class="ts2-1-1">
										<ul>

											<li class="bj9">
												<a href="#">火车票订单</a>
											</li>
											<li class="bj10">
												<a href="#">候补订单</a>
											</li>
											<li class="bj10">
												<a href="#">计次•定期票订单</a>
											</li>
											<li class="bj10">
												<a href="#">约号订单</a>
											</li>
											<li class="bj10">
												<a href="#">本人车票</a>
											</li>
											<li class="bj10">
												<a href="#">我的保险</a>
											</li>
											<li class="bj10">
												<a href="#">我的会员</a>
											</li>
											<li class="bj10">
												<a href="#">查看个人信息</a>
											</li>
											<li class="bj10">
												<a href="#">账户安全</a>
											</li>
											<li class="bj10">
												<a href="#">乘车人</a>
											</li>
											<li class="bj10">
												<a href="#">地址管理</a>

											</li>
											<li class="bj10">
												<a href="#">温馨服务查询</a>

											</li>
										</ul>

									</div>
								</div>

							</li>
						</ul>

					</div>
					<div class="top2-2-2">
						<ul>

							<li>
								<a href="#">登录</a>
							</li>
							<li>
								<a href="#">注册</a>
							</li>
						</ul>
					</div>
					</ul>

				</div>
			</div>
		</div>
		<div id="top2">
			<!--导航-->

			<div class="nav">
				<ul>
					<li>
						<h4><a href="#">首页</a></h4></li>
					<li class="ql">
						<a href="#">车票

							<div id="sd">

							</div>

						</a>
						<div class="ql1">
							<div class="ql1-1">
								<div class="ql1-1-1">
									<span id="wz1">
										购买
									</span>
									<br>
									<ul>
										<a href="#">
											<li>单程</li>
										</a>
										<a href="#">
											<li>接续换乘</li>
										</a>
									</ul>
								</div>
								<div class="ql1-1-2">

									<ul>
										<a href="#">
											<li>往返</li>
										</a>
										<a href="#">
											<li>计次•定期票</li>
										</a>
									</ul>
								</div>
								<div class="ql1-1-3">
									<span id="wz1">
									变更	
									</span>
									<ul>
										<a href="#">
											<li>退票</li>
										</a>
										<a href="#">
											<li>变更到站</li>
										</a>
									</ul>
								</div>
								<div class="ql1-1-4">

									<ul>
										<a href="#">
											<li>改签</li>
										</a>

									</ul>
								</div>
								<div class="ql1-1-5">
									<span id="wz1">
										更多
									</span>
									<ul>
										<a href="#">
											<li>中铁银通卡</li>
										</a>
										<a href="#">
											<li>市郊快速铁路</li>
										</a>
									</ul>
								</div>
								<div class="ql1-1-6">

									<ul>
										<a href="#">
											<li>广九直通车</li>
										</a>
										<a href="#">
											<li>国际列车</li>
										</a>
									</ul>
								</div>

							</div>
						</div>
					</li>
					<li class="xl">
						<a href="#">团购服务
							<div id="sd">

							</div>
						</a>
						<div class="xl1">
							<div class="xl1-1">
								<ul>

									<li>
										<a href="#">务工人员</a>
									</li>
									<li>
										<a href="#">学生团体</a>

									</li>

								</ul>
							</div>
						</div>

					</li>
					<li class="wl">
						<a href="#">会员服务
							<div id="sd">

							</div>
						</a>
						<div class="wl1">
							<div class="wl1-1">
								<ul>

									<li>
										<a href="#">会员管理</a>
									</li>
									<li>
										<a href="#">积分账户</a>

									</li>
									<li>
										<a href="#">积分兑换</a>

									</li>
									<li>
										<a href="#">会员专享</a>

									</li>
									<li>
										<a href="#">会员中心</a>

									</li>

								</ul>
							</div>
						</div>
					</li>
					<li class="rl">
						<a href="#">站车服务
							<div id="sd">

							</div>
						</a>
						<div class="rl1">
							<div class="rl1-1">
								<ul>

									<li>
										<a href="#">重点旅客预约</a>
										<a href="#">遗失物品查找</a>
										</a>
									</li>
									<li>
										<a href="#">便民托运</a>
										<a href="#">&nbsp;&nbsp;&nbsp;动车组介绍</a>

									</li>
									<li>
										<a href="#">共享汽车</a>
										<a href="#">定制接送</a>

									</li>
									<li>
										<a href="#">车站引导</a>
										<a href="#">站车风采</a>

									</li>

								</ul>
							</div>
						</div>
					</li>
					<li class="tl">
						<a href="#">商旅服务
							<div id="sd">

							</div>
						</a>
						<div class="tl1">
							<div class="tl1-1">
								<ul>

									<li>

										<a href="#">餐饮·特产</a>

									</li>
									<li>
										<a href="#">旅游</a>

									</li>
									<li>
										<a href="#">保险</a>

									</li>
								</ul>
							</div>
						</div>

					</li>
					<li class="yl">
						<a href="#">出行指南
							<div id="sd">

							</div>
						</a>
						<div class="yl1">
							<div class="yl1-1">
								<ul>
									<li>

										<a href="#">车票</a>
										<a href="#">改签、变更到站</a>
									</li>
									<li>
										<a href="#">购票</a>
										<a href="#">退票</a>

									</li>
									<li>
										<a href="#">铁路电子客票</a>
										<a href="#">身份核验</a>

									</li>
								</ul>
							</div>
						</div>

					</li>
					<li class="ul">
						<a href="#">信息查询
							<div id="sd">

							</div>
						</a>
						<div class="ul1">
							<div class="ul1-1">
								<ul>
									<li>

										<a href="#">正晚点</a>
										<a href="#">天气</a>
									</li>
									<li>
										<a href="#">时刻表</a>
										<a href="#">交通查询</a>

									</li>
									<li>
										<a href="#">公布票价</a>
										<a href="#">代售点</a>
									</li>

									<li>
										<a href="#">检票口</a>
										<a href="#">客服电话</a>
									</li>
									<li>
										<a href="#">起(止)售时间</a>
										<a href="#">最新发布</a>

									</li>
								</ul>
							</div>
						</div>

					</li>

				</ul>
			</div>
			</li>
		</div>
		<div class="banner">
			<div class="container">
				<ul>
					<a href="#">
						<li><img src="img/image/banner0619.jpg" alt=""></li>
						<li><img src="img/image/banner10.jpg" alt=""></li>
						<li><img src="img/image/banner12.jpg" alt=""></li>
					</a>

				</ul>
				<ol>
					<li></li>
					<li></li>
					<li></li>

				</ol>
			</div>
			<div class="banner1">
				<!--查询框-->
				<div class="banner1-1">
					<ul>
						<li class="il">
							车票
							<div class="il1">
								<div class="il1-1">
									<ul>

										<li>

											<a href="#">餐饮·特产</a>

										</li>
										<li>
											<a href="#">旅游</a>

										</li>
										<li>
											<a href="#">保险</a>

										</li>
									</ul>
								</div>
							</div>

						</li>

						<li class="ol">
							常用查询
							<div class="ol1">
								<div class="ol1-1">
									<ul>

										<li>

											<a href="#">餐饮·特产</a>

										</li>
										<li>
											<a href="#">旅游</a>

										</li>
										<li>
											<a href="#">保险</a>

										</li>
									</ul>
								</div>
							</div>

						</li>
						<li class="al">
							订餐
							<div class="al1">
								<div class="al1-1">
									<ul>

										<li>

											<a href="#">餐饮·特产</a>

										</li>
										<li>
											<a href="#">旅游</a>

										</li>
										<li>
											<a href="#">保险</a>

										</li>
									</ul>
								</div>
							</div>

						</li>
					</ul>

				</div>
				<div class="banner1-2"></div>
			</div>

		</div>
		<div class="nav1">
			<!--小logo-->

		</div>
		<div class="subject">
			<!--四图-->

			<div class="subject-1">
				<a href="#"><img src="img/image/abanner01.jpg" width="590px" height="160px" /></a>
			</div>
			<div class="subject-2">
				<a href="#"><img src="img/image/abanner02.jpg" width="590px" height="160px" /></a>
			</div>
			<div class="subject-3">
				<a href="#"><img src="img/image/abanner05.jpg" width="590px" height="160px" /></a>
			</div>
			<div class="subject-4">
				<a href="#"><img src="img/image/abanner06.jpg" width="590px" height="160px" /></a>
			</div>

		</div>
		<div class="subject1">
			<!--更多-->
			<div class="subject1-1">

				铁路旅游
			</div>
			<div class="subject1-2">
				<a href="#">更多></a>
			</div>

		</div>
		<div class="subject2">
			<!--铁路旅游-->

			<div class="subject2-1">
				<div class="subject2-1-1">
					<a href="#"><img src="img/image/243945e6-c45d-4870-9cf5-77e488068646_product_W572_H370.jpg" width="288px" height="160px" /></a>
				</div>

				<div class="subject2-1-2">
					<a href="#">
						<span class="subject2-1-2-1">“环西部火车游” 高品质旅游版专线列车</span>
						<span class="subject2-1-2-2">¥2560</span>
					</a>
				</div>

			</div>
			<div class="subject2-2">
				<div class="subject2-2-1">
					<a href="#"><img src="img/image/fcd7173f-7651-46e7-a126-bdc199e1f6f7_product_W572_H370.jpg" width="288px" height="160px /></a>
				</div>
				<div class=" subject2-2-2 ">
					<a href="# ">
					<span class="subject2-2-2-1 ">“环西部火车游” 陇上江南·行摄山>水陇南...</span>
					<span class="subject2-2-2-2 ">¥2560</span>
					</a>
				</div>
			</div>
			<div class="subject2-3 ">
				<div class="subject2-3-1 ">
					<a href="# "><img src="img/image/b0c76b21-531b-4af4-a607-cf5672c72ded_product_W572_H370.jpg " width="288px "  height="160px /></a>
				</div>
				<div class="subject2-3-2">
					<a href="#">
						<span class="subject2-3-2-1">“环西部火车游”华夏寻根·人文始祖天水两日游...</span>
						<span class="subject2-3-2-2">¥2560</span>
					</a>
				</div>
			</div>
			<div class="subject2-4">
				<div class="subject2-4-1">
					<a href="#"><img src="img/image/8b36f9a7-f780-4e71-b719-9300109a9ff2_product_W572_H370.jpg" width="288px" height="160px /></a>
				</div>
				<div class=" subject2-4-2 ">
					<a href="# ">
					<span class="subject2-4-2-1 ">“环西部火车游”精品旅游线路</span>
					<span class="subject2-4-2-2 ">¥2560</span>
					</a>
				</div>
			</div>
			<div class="subject2-5 ">
				<div class="subject2-5-1 ">
					<a href="# "><img src="img/image/1716878f-79a2-4db1-af8c-b9c2039f0b3c_product_W572_H370.jpg " width="288px "  height="160px /></a>
				</div>
				<div class="subject2-5-2">
					<a href="#">
						<span class="subject2-5-2-1">“环西部火车游”美丽甘南三日游</span>
						<span class="subject2-5-2-2">¥2560</span>
					</a>
				</div>
			</div>
			<div class="subject2-6">
				<div class="subject2-6-1">
					<a href="#"><img src="img/image/6d77d0ea-53d0-4518-b7e9-e53795b4920c_product_W572_H370.jpg" width="288px" height="160px /></a>
				</div>
				<div class=" subject2-6-2 ">
					<a href="# ">
					<span class="subject2-6-2-1 ">“环西部火车游” 青海湖、茶卡2日>游</span>
					<span class="subject2-6-2-2 ">¥2560</span>
					</a>
				</div>
			</div>
			<div class="subject2-7 ">
				<div class="subject2-7-1 ">
					<a href="# "><img src="img/image/c7c03732-3c86-4308-aea7-df747d4999e8_product_W572_H370.jpg " width="288px "  height="160px /></a>
				</div>
				<div class="subject2-7-2">
					<a href="#">
						<span class="subject2-7-2-1">“环西部火车游”嘉敦5日游</span>
						<span class="subject2-7-2-2">¥2560</span>
					</a>
				</div>
			</div>
			<div class="subject2-8">
				<div class="subject2-8-1">
					<a href="#">
						<img src="img/image/d9ae79de-2f3f-4e9f-ad6e-bdc291dda92a_product_W572_H370.jpg" width="288px" height="160px /></a>
				</div>
				<div class=" subject2-8-2 ">
					<a href="# ">
					<span class="subject2-8-2-1 ">“环西部火车游” 敦煌一地三日游</span>
					<span class="subject2-8-2-2 ">¥2560</span>
					</a>
				</div>
			</div>

		</div>
		<div class="bottom ">
			<!--最新发布-->
			<ul>
				<li class="bottom-1 ">
					<a href="# ">最新发布</a>
				<div class="bottom-1-1 ">
					
					
					
				</div>
				</li>
				<li><a href="# ">常见问题</a></li>
				<li><a href="# ">信用信息</a></li>
			</ul>

		</div>
		<div class="bottom1 ">
			<!--底部-->
			<div class="bottom1-1 ">
				<span id="bottom1 ">
					友情链接
				</span>	
				<!--友情链接-->
				<div class="bottom1-1-1 ">
				
				<ul>
					<li><a href="# "><img src="img/image/link02.png " width="200px " height="34px "/></a></li>
					<li><a href="# "><img src="img/image/link05.png " width="200px " height="34px "/></a></li>
					<li><a href="# "><img src="img/image/link03.png " width="200px " height="34px "/></a></li>
					<li><a href="# "><img src="img/image/link04.png " width="200px " height="34px "/></a></li>
				</ul>	
				</div>
				<div class="bottom1-1-2 ">
				<span>
					中国铁路官方微信
				</span>	
				<span>
					中国铁路官方微博
				</span>	
				<span>
					12306 公众号
				</span>	
				<span>
					铁路12306
				</span>	
				<ul>
					<li><a href="# "><img src="img/image/zgtlwx.png " width="80px " height="80px "/></a></li>
					<li><a href="# "><img src="img/image/zgtlwb.png " width="80px " height="80px "/></a></li>
					<li><a href="# "><img src="img/image/public.png " width="80px " height="80px "/></a></li>
					<li><a href="# "><img src="img/image/download.png " width="80px " height="80px "/></a></li>
					<li>
						官方APP下载，目前铁路未授权其他网站或APP开展类似服务内容，敬请广大用户注意。
					</li>
				</ul>	
					
				</div>

			</div>
			<div class="bottom1-2 ">
				<div class="bottom1-2-1 ">
					<!--版权所有-->
					<span>
						
					版权所有©2008-2020 中国铁道科学研究院集团有限公司
					</span>

                   <span>
                                                   京ICP备05020493号-4 | ICP证：京B2-20202537
                   </span>
				</div>

			</div>
		</div>
		<div class="right ">
			<!--固定框-->
			<ul>
				<li>
					<a href="# ">最新<br>发布</a>
				</li>
				<li>
					<a href="# ">联系<br>客服</a>
				</li>
				<li class="fl ">
					<a href="# ">APP<br>下载</a>
					<div class="fl1 ">
						<div class="fl1-1 ">

							<ul>

								<li>
									<div class="fl1-1-1 ">

									</div>

									<img src="img/image/屏幕截图 2021-01-04 194909.png " />

								</li>

							</ul>
						</div>
					</div>

				</li>
				<li>
					<a href="# ">旅客<br>出行<br>温馨<br>提示</a>
				</li>
			</ul>

		</div>
	</body>

</html>